<!-- Box -->
<!-- Author: Edwin -->
<template>
  <div class='c-page-box'>
    <div class="c-page-box-title">
      {{ linkComponent }}
    </div>
    <div class="c-page-box-content">
      <Action v-if="linkComponent === 'Action'" />
      <ConnectorConfig v-if="linkComponent === 'ConnectorConfig'" />
      <Functions v-if="linkComponent === 'Functions'" :sysBotId="boxData.sysBotId" :tenantCode="boxData.tenantCode" />
      <MessageReport v-if="linkComponent === 'MessageReport'" :botInfo="botInfo" />
    </div>
  </div>
</template>

<script>
import ConnectorConfig from '../../../Integrations/index'
import Action from './action'
import Functions from './functions'
import MessageReport from './message-report'

export default {
  props: {
    linkComponent: {
      type: String,
      default: 'Action'
    },
    boxData: {
      type: Object,
      default: null
    }
  },
  created () {
  },
  components: { ConnectorConfig, Action, Functions, MessageReport },
  data () {
    return {
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
@import "./console.scss";
</style>
